// pages/searchList/searchList.js
import {searchGoods} from "../../api/goods";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    value:'',
    isShangxin:false,
    contentAll:[],//搜索到的全部内容
    contentArr:[],//分批在页面上显示的数据
    noContent:false, //显示没有更多内容了
    isEmpty:false,//是否有数据
  },

  // 点击综合
  synthetical() {
    this.setData({
      isShangxin:false,
      contentArr:[],
    })
    this.getSearch(this.data.value);
  },

  // 点击上新
  newUp() {
    let contentAll = this.data.contentAll.sort(this.sortData);
    this.setData({
      isShangxin:true,
      contentAll,
      contentArr:[],
    })
    this.more();
  },

  // 给数组对象排序
  sortData(a, b) {
    return b.id - a.id
  },

  // 搜索
  search(e) {
    let value = e.detail.trim();
    if(value == '') {
      return;
    }
    this.setData({
      contentArr:[],
      value
    })
    this.getSearch(value);
    if(this.data.isShangxin) {
      this.newUp();
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setWindowHeight();
    // options.value = '农'
    this.getSearch(options.value);
    this.setData({
      value:options.value
    })
    
  },

  // 获取搜索内容
  async getSearch(value) {
    let {data} = await searchGoods(value);
    if(!data.length) {
      // 显示占位符
      this.setData({
        isEmpty:false,
        contentAll:[],
        contentArr:[],
      })
      return;
    }
    this.setData({
      contentAll:data,
      isEmpty:true
    })
    this.more();
  },

  // 内容分批加载
  more() {
    let contentArr = this.data.contentArr;
    let arr = this.data.contentAll.slice(contentArr.length,contentArr.length + 10);
    if(!arr.length) {
      // console.log('没有更多内容了');
      this.setData({
        noContent:true,
      })
      return;
    }
    contentArr = contentArr.concat(arr);
    this.setData({
      contentArr
    })
    // console.log(this.data.contentArr);
  },

    // 设置当前body的高度
    setWindowHeight() {
      let _this = this;
      //创建节点选择器
      var query = wx.createSelectorQuery();
      //选择id
      query.select('#box').boundingClientRect()
      query.exec(function (res) {
        //res就是 所有标签为myText的元素的信息 的数组
        // console.log(res);
        //取高度
  
        let height = res[0].height
        _this.setData({
          winHeight:wx.getSystemInfoSync().windowHeight - height + 'px'
        })
        // console.log(_this.data.winHeight);
      })
    },

  // 点击商品信息触发
  waresInfo(e) {
    let {goods_id_alias} = e.detail;
    // console.log(e.detail);
    wx.navigateTo({
      url: `/pages/goodsInfo/goodsInfo?goodsId=${goods_id_alias}`,
    })
  },

  // 点击商品 购物车 按钮
  cartButton(e) {
    console.log('点击了购物车');
    console.log(e.detail);
  },

  // 滚动到底部触发
  scrollBottom() {
    this.more();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})